<template>
  <view class="page-business">
    <view class="b-w inner">
      <view class="header-my">
        <view class="title f32">{{ detail.title }}</view>
      </view>
      <view class="notice-image">
        <image class="" mode="aspectFill" :src="detail.cover"></image>
      </view>
      <view class="content-word" v-if="detail.content">
        {{ detail.content }}
      </view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      id: '',
      detail: {},
    }
  },
  onLoad(param) {
    this.id = param.id
    this.getNoticeDetail()
  },
  methods: {
    // 获取公告列表
    getNoticeDetail() {
      this.$request('/notice/noticeInfo', {
        id: this.id,
      }).then((res) => {
        this.detail = res.result
      })
    },
  },
}
</script>

<style scoped lang="scss">
.notice-image {
  padding: 20rpx;
}
.page-business {
  padding: 20rpx;
  .inner {
    border-radius: 10rpx;
    padding: 20rpx;
    .header-my {
      border-bottom: 1rpx solid #c8c7cc;
      padding-bottom: 20rpx;
      .title {
      }
    }
  }
}
.tags-item {
  margin-right: 15rpx;
}
.tags-icon {
  margin-right: 8rpx;
}
.tags-list {
  margin-top: 10rpx;
}
.content-word {
  padding-top: 20rpx;
  text-indent: 40rpx;
  line-height: 1.8;
}
.foot-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9;
  background-color: #fff;
  padding-top: 10rpx;
  padding-bottom: calc(10rpx + env(safe-area-inset-bottom));
  justify-content: space-between;
  .btn {
    display: inline-flex;
    margin-right: 20rpx;
  }
}
.item-left {
  padding: 0 30rpx;
}
</style>
